﻿<!DOCTYPE html>
<!--
    cnguyen - Fun - Mooc HTML5
-->
<html>
    <head>
        <title>Jeu des balles</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" media="screen" href="./css/styles.css" type="text/css"/>
        <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> -->
        <script type="text/javascript" src="./js/jquery.js"></script> 
        <script type="text/javascript" src="./js/code.js"></script>    
    </head>
    <body>
        <!-- ecran accueil -->
        <div id="accueil">
            <div id="titre"></div>
            <div id="image">
                <img id="monImage" alt="(ici, plus tard une image du jeu)">
            </div>
            <div id="texte"></div>
            <div id="boutonJeu">
                <input type="submit" name="boutonJ" id="boutonJ" VALUE="Jouer" onclick="fonctionJouer()"/>
            </div>
            <div id="musique"></div>
        </div>
        <!-- ecran jeu --> 
        <div id="jeu">
            <div id="consigne"></div>
            <!-- Temps de jeu -->
            <div id="heure"></div>
            <div id="animation">
            </div>
            <!-- canvas  -->
            <canvas id="dessin" width="640" height="480">
                Texte pour les navigateurs qui ne support pas canvas            
            </canvas>
            <div id="boutonQuitter">
                <input type="submit" name="boutonQ" id="boutonQ" VALUE="Quitter" onclick="fonctionQuitter()"/>
            </div>
        </div>
        <!-- ecran bilan --> 
        <div id="bilan">
            <div id="recap"></div>
            <div id="boutonAccueil"></div>
                <input type="submit" name="boutonA" id="boutonA" VALUE="Accueil" onclick="fonctionAccueil()"/>
            <div id="boutonRejouer">
                <input type="submit" name="boutonR" id="boutonR" VALUE="Rejouer" onclick="fonctionRejouer()"/>                    
            </div>
        </div>
        
        <!-- pied de page --> 
        <footer>
            <p>Mooc HTML5 - 2014</p>
        </footer>
        
    </body>
</html>
